<!DOCTYPE html>
<script src="../../resources/run-after-layout-and-paint.js"></script>
<!-- This is similar to floating-self-painting-frame.html, but contains multiple
containing blocks and sibling blocks in which the floating objects overhangs
and intrudes. Tests shouldPaint flag is set on at most one ancestor containing
block. Passes if no crash (on display items with duplicated ids because the
iframe would be painted multiple times). -->
<style>div {height: 100px; background-color: white;}</style>
<div>
  <div>
    <div>
      <iframe id="target" style="float: left; width: 400px; height: 100px; border: none"
         srcdoc="<div style='width: 300px; height:400px; background: blue'></div>"></iframe>
      <div></div>
      <div></div>
    </div>
  </div>
</div>
<script>
if (window.internals)
  internals.settings.setPreferCompositingToLCDTextEnabled(true);
runAfterLayoutAndPaint(function() {
  target.style.height = "500px";
}, true);
</script>
